<script setup lang="ts">
/*
svg使用流程
1: https://github.com/vbenjs/vite-plugin-svg-icons
2: 下载插件  yarn add vite-plugin-svg-icons -D
3:配制插件  vite.config.ts
   plugins: [
      createSvgIconsPlugin({
        // Specify the icon folder to be cached
        iconDirs: [path.resolve(process.cwd(), 'src/icons')]
      })]
4:main.ts
   import 'virtual:svg-icons-register'
5:使用
   <svg aria-hidden="true">
      <use href="#icon-文件夹路径-文件名"  />    
    </svg>
*/
</script>

<template>
  <div class="svg-page">
    <svg aria-hidden="true">
      <use href="#icon-home-docs" />
    </svg>
    <hr />
    <CpIcon name="home-docs"></CpIcon>
  </div>
</template>

<style lang="scss" scoped>
.svg-page {
  font-size: 300px;
}
</style>
